<template>
  <div ref="my" class="loading">
    <van-loading type="spinner" color="#1989fa" />
  </div>

</template>

<script>
  export default {
    name: 'LOADING',
    mounted() {
      console.log(this.$refs.my)
      this.$refs.my.addEventListener('touchstart', function(event) {
        event.preventDefault();
      })
    }
  }
</script>

<style lang="less" scoped>
  .loading {
    position: fixed;
    z-index: 9999;
    width: 100%;
    height: 100%;
    background: rgba(255, 255, 255, 0.5);
    display: flex;
    justify-content: center;
    align-items: center;
  }
</style>
